<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <!-- Use the .htaccess and remove these lines to avoid edge case issues.
       More info: h5bp.com/i/378 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

  <title>GameCenter</title>
  <meta name="description" content=""/>

  <!-- Mobile viewport optimized: h5bp.com/viewport -->
  <meta name="viewport" content="width=device-width"/>

  <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->

  <link rel="stylesheet" href="../../css/style.css" th:href="@{/css/style.css}"/>
  <link rel="stylesheet" href="../../css/majiang.css" th:href="@{/css/majiang.css}"/>
  <!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->

  <!-- All JavaScript at the bottom, except this Modernizr build.
       Modernizr enables HTML5 elements & feature detects for optimal performance.
       Create your own custom Modernizr build: www.modernizr.com/download/ -->
  <script src="../../js/libs/modernizr-2.5.2.min.js" th:src="@{/js/libs/modernizr-2.5.2.min.js}"></script>
</head>
<body>
  <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
  <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
  <div class="mj_main_board"> 
  	<!-- one line start-->
  	<div class="mj_item wan"><p>一</p><p>萬</p></div>
  	<div class="mj_item tiao"><p>|</p><p>|</p></div>
  	<div class="mj_item bing"><p>@</p><p>@&nbsp;@</p></div>
  	<div class="mj_item feng"><p>發</p></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<!-- one line end-->
  	
  	<!-- one line start-->
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<!-- one line end-->
  	
  	<!-- one line start-->
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<!-- one line end-->
  	
  	<!-- one line start-->
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<!-- one line end-->
  	
  	<!-- one line start-->
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<!-- one line end-->
  	
  	<!-- one line start-->
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<!-- one line end-->
  	
  	<!-- one line start-->
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<!-- one line end-->
  	
  	<!-- one line start-->
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<div class="mj_item"></div>
  	<!-- one line end-->
  	
  </div>


  <!-- JavaScript at the bottom for fast page loading -->

  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
  <script src="../../js/libs/jquery-1.7.1.min.js" th:src="@{/js/libs/jquery-1.7.1.min.js}"></script>

  <!-- scripts concatenated and minified via build script -->
  <script src="../../js/plugins.js" th:src="@{/js/plugins.js}"></script>
  <script src="../../js/script.js" th:src="@{/js/script.js}"></script>
  <script src="../../js/majiang.js" th:src="@{/js/majiang.js}"></script>
  <!-- end scripts -->

  <!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID.
       mathiasbynens.be/notes/async-analytics-snippet 
  <script>
    var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
    g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
    s.parentNode.insertBefore(g,s)}(document,'script'));
  </script>-->
</body>
</html>